<template>
    <div class="child">
        <h3>子组件</h3>
        <h4>我的玩具：{{ toy }}</h4>
        <h4>父给我的车：{{ car }}</h4>
        <!-- //调用方法和子模块 -->
        <button @click="getToy(toy)">玩具给父亲</button>
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const toy = ref('奥特曼');
//接受数据和子模块 car是变量值，getToy是函数方法
defineProps(['car', 'getToy']);
</script>

<style scoped>
.child {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
    background-color: #f0f0f0;
}
</style>
